<!DOCTYPE html>
<!-- 易兑-交易 -->
<html style="font-size: 36px;">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="../../public/css/common.css">
		<link rel="stylesheet" href="../../public/css/exchange.css">
	</head>
	<body style="background: #f6f6f6;">
		<div class="ex-box">
			<div class="ex-header"></div>
			<div class="ex-chart">
				<div class="ex-chart-cent">
					<h4>参考价：¥16.00</h4>
					<div class="ex-echart" id="main"></div>
					<div class="ex-oeder"><a>我的订单</a></div>
				</div>
				<div class="ex-item flex">
					<label>
						<input class="int" maxlength="16" type="tel" placeholder="请输入数量（最少4个）" />
					</label>
					<label>
						<input class="int" maxlength="20" type="tel" placeholder="请输入价格 指导价加减3整数" />
					</label>
				</div>
				<div class="ex-sub flex">
					<button class="button">购买</button>
					<button class="button">出售</button>
				</div>
			</div>
			<div class="ex-list">
				<ul>
					<li>
						<h1>求购列表</h1>
					</li>
					<li>
						<em>序号</em>
						<em>价格</em>
						<em>数量</em>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
				</ul>
				<ul>
					<li>
						<h1>出售列表</h1>
					</li>
					<li>
						<em>序号</em>
						<em>价格</em>
						<em>数量</em>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
					<li class="list">
						<span>001</span>
						<span>20.00</span>
						<span>10</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="nav-item"></div>
		<div class="cen-nav">
			<ul>
				<li>
					<a href="../Home/home.html">
						<i class="icon-home"></i>
						<span>首页</span>
					</a>
				</li>
				<li>
					<a>
						<i class="icon-shop"></i>
						<span>易店</span>
					</a>
				</li>
				<li class="act">
					<a>
						<i class="icon-ex"></i>
						<span>易兑</span>
					</a>
				</li>
				<li>
					<a href="../MyCenter/mycenter.html">
						<i class="icon-user"></i>
						<span>个人</span>
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
<script src="../../public/js/jquery.min.js"></script>
<script src="../../public/js/rem.js"></script>
<script src="../../public/js/echart/echart.min.js"></script>
<script type="text/javascript">
	var chartDom = document.getElementById('main');
	var myChart = echarts.init(chartDom);
	var option;
	option = {
		title: {
			text: '价格走势图'
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				label: {
					backgroundColor: '#FF2424'
				}
			}
		},
		grid: {
			left: '3%',
			right: '5%',
			bottom: '3%',
			containLabel: true
		},
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			data: ['08-27', '08-28', '08-29', '08-30', '08-31', '09-01', '09-02']
		}],
		yAxis: [{
			type: 'value'
		}],
		series: [{
				name: '价格',
				type: 'line',
				stack: '总量',
				areaStyle: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0,
						color: 'rgb(255, 130, 130)'
					}, {
						offset: 1,
						color: 'rgb(255, 130, 131)'
					}])
				},
				emphasis: {
					focus: 'series'
				},
				data: [15, 16, 17, 16, 16, 15, 16]
			},

		]
	};

	option && myChart.setOption(option);
</script>
